/**
 * 
 * @authors Riche
 * @date    2016-07-06 14:39:22
 * @version 1.1.0
 */

var vm=new Vue({
  el:"#app",
  data:{
    data:[],
    subData:[]
  },
  compiled: function(){
    var _self = this;


    //圈子列表
    var url = 'circle_getCircleList';
    Common.ajaxCall({ url: url, datatype: 'json', type: 'post',data:{}}, function (data) {
        if(data.error_code==0){
            _self.data=data.data;
            _self.subData = data.data[0].circleList;

        }else{
            alert(data.msg);
        }
    }); 


  },
  methods:{
    select:function(typeID,e){
      var _self = this;
      $(".circleTit li").removeClass('on');
      $(e.target).addClass('on');
      //
      for(var i=0;i<_self.data.length;i++){
        if(_self.data[i].typeID==typeID){
          _self.subData = _self.data[i].circleList;
          break;
        }
      }
    },
    subSelect:function(id,e){
      var _self = this;
      var typeID = 1
      if($(e.target).hasClass('on')){
        typeID = 2;        
      } 
      //圈子加入
      var data = {
          circleID: id,
          typeID:typeID
      };
      data = Common.jsonEncode(data);
      Common.ajaxCall({ url: 'circle_addCircle', datatype: 'json', type: 'get', data: data}, function (data) {
          if(data.error_code==0){
              //修改变量值
              var _items = $.grep(_self.subData, function(cur,i){
                return cur.id==id;
              });
              if (_items.length) {
                var _item = _items[0];
                _item.isJoin = _item.isJoin == 1?0:1;
              }                        
          }else{
              alert(data.msg);
          }
      });
      
    }
  },
  watch:{
    "subData":function(){
      // 比例
      myJS.imgScale('.j_1', '1', '1');
      myJS.ImgFull('.loadImg','images/liby.png');
    },
    "data":function(){
      $(".circleTit li").first().addClass("on");
    }
  }
});